<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>样式位置的优先级</title>
    <style>
      h1{
        color: red;
        font-size:  50px;
      }
    </style>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<!--  样式的优先级:行内 > 内部 = 外部 覆盖规则:优先级高的覆盖优先级低的(只有同一属性覆盖)，同一优先级 后写覆盖前写 -->
  <h1>我是彭于晏</h1>
</body>
</html>